.layout-logo{
  width: 100px;
  height: 30px;
  background: #5b6270;
  border-radius: 3px;
  float: left;
  position: relative;
  top: 15px;
  left: 20px;
}

.layout-tit{
  float: left;color: #fff;font-size: 18px;
}

.layout-nav{
  float: right;
  margin-right: 10px;
}

.main{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  overflow: hidden;
  .header{
    position: relative;
    /deep/ a {
      color: #fff !important;
    }
  }
  .sider-menu{
    height: 93%;
    position: absolute;
    overflow: auto;
    background: #fff;
  }
  .layout-text{
    display: inline-block;
    white-space:nowrap;
    position: absolute;
  }
  .single-page-layout{
    left: 200px;
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0 24px 80px;
    overflow: auto;
    .single-page{

      background: #fff;
      position: relative;
    }
  }

  .user-dropdown{
    float: right;

    &-menu-con{
      width: 150px;
      height: 100%;
      .main-user-name{
        line-height: normal;
        display: inline-block;
        width: 77px;
        word-break: keep-all;
        white-space: nowrap;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
      }
    }
    &-innercon{
      height: 100%;
      padding-right: 14px;
    }
  }
}

